<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 设置缓存 -->
    <!-- 设定网页的到期时间 -->
    <meta http-equiv="Expires" content="-1">
    <!-- 清除缓存（再访问这个网站要重新下载！） -->
    <meta http-equiv="Cache-Control" content="no-cache">
    <!-- 禁止浏览器从本地机的缓存中调阅页面内容，访问者将无法脱机浏览 -->
    <meta http-equiv="Pragma" content="no-cache">
    <!-- author用于定义网页作者 -->
    <meta name="author" content="aicoder.com">
    <!-- 就是当点击网页添加至主屏幕功能时，会在主屏幕上生成一个图标。点击该图标会进入webapp功能。就是模拟本地应用的模式来浏览web页面。 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 当启动webapp功能时，显示手机信号、时间、电池的顶部导航栏的颜色。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。这个主要是根据实际的页面设计的主体色为搭配来进行设置。 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加到主屏幕后，app全屏显示 -->
    <meta content="yes" name="apple-touch-fullscreen" />
    <!-- 默认设备会自动识别任何可能是电话和邮箱的字符串。设置telephone=no可以禁用这项功能。 -->
    <meta content="telephone=no,email=no" name="format-detection" />
    <!-- UC浏览器私有 -->
    <!-- 全屏模式 -->
    <meta name="full-screen" content="yes">
    <!-- 应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ浏览器私有 -->
    <!-- 全屏模式 -->
    <meta name="x5-fullscreen" content="true">
    <!-- 应用模式 -->
    <meta name="x5-page-mode" content="app">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1874354_se5kgz5ejta.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery/jquery-1.11.3.min.js"></script>
    <script src="./js/head-slide.js"></script>
    <script src="./js/car-show.js"></script>
    <script src="./js/content.js"></script>
    <script src="./js/index.js"></script>
    <title>BMW</title>
</head>
<style>

</style>

<body ondragstart="window.event.returnValue=false;return false;" onselectstart="event.returnValue=false;return false;">
    <header>
        <div class="head-wrap">
            <div class="head-wrap-content">
                <ul>
                    <li>全部车型</li>
                    <li>BMW服务</li>
                    <li>BMW天地</li>
                    <li>BMW官网商城</li>
                </ul>

                <div class="menu">
                    <i class="iconfont icon-menu"></i>
                </div>

                <ul class="nav">
                    <li><i class="iconfont icon-sousuo"></i></li>
                    <li><i class="iconfont icon-wode"></i></li>
                    <li><i class="iconfont icon-weizhidingwei"></i></li>
                </ul>
            </div>
            <div class="head-wrap-logo">
                <img src="./img/head/logo.png" alt="">
            </div>
        </div>
    </header>
    <div class="header-mark"></div>

    <div class="head-slide">
        <div class="slideshow" id="slideshow">
            <ul class="slide-img-wrap">
                <li index="0">
                    <a href="javascript:0"><img src="./img/head/head-6.jpg" alt=""></a>
                    <div class="text-caption">
                        <h2> THE i8</h2>
                        <h3>BMW i8 极夜流星限量版</h3>
                        <span>了解详情</button>
                    </div>
                </li>
                <li index="1" class="on">
                    <a href="javascript:0"><img src="./img/head/head-1.jpg" alt=""></a>
                    <div class="text-caption">
                        <h2>BMW 618盲盒火爆来袭！</h2>
                        <h3>6.1-6.18限时秒杀</h3>
                        <span>火热开抢</button>
                    </div>
                </li>
                <li index="2">
                    <a href="javascript:0"><img src="./img/head/head-2.jpg" alt=""></a>
                    <div class="text-caption">
                        <h2>THE X5 M</h2>
                        <h3>全选BMW X5 M</h3>
                        <span>了解详情</button>
                    </div>
                </li>
                <li index="3">
                    <a href="javascript:0"><img src="./img/head/head-3.jpg" alt=""></a>
                    <div class="text-caption">
                        <h2>THE X6 M</h2>
                        <h3>全选BMW X6 M</h3>
                        <span>了解详情</button>
                    </div>
                </li>
                <li index="4">
                    <a href="javascript:0"><img src="./img/head/head-4.jpg" alt=""></a>
                    <div class="text-caption">
                        <h2>创新BMW X7</h2>
                        <h3> 将心灵寄情天地，启程阔境人生</h3>
                        <span>开启阔境人生</button>
                    </div>
                </li>
                <li index="5">
                    <a href="javascript:0"><img src="./img/head/head-5.jpg" alt=""></a>
                    <div class="text-caption">
                        <h2>全新BMW X5插电式混合动力</h2>
                        <h3>享5年超长贷期轻松购车 忠诚客户尊享3.88%超低利率。</h3>
                        <span>了解详情</button>
                    </div>
                </li>
                <li index="6">
                    <a href="javascript:0"><img src="./img/head/head-6.jpg" alt=""></a>
                    <div class="text-caption">
                        <h2> THE i8</h2>
                        <h3>BMW i8 极夜流星限量版</h3>
                        <span>了解详情</button>
                    </div>
                </li>
                <li index="7">
                    <a href="javascript:0"><img src="./img/head/head-1.jpg" alt=""></a>
                    <div class="text-caption">
                        <h2>BMW 618盲盒火爆来袭！</h2>
                        <h3>6.1-6.18限时秒杀</h3>
                        <span>火热开抢</button>
                    </div>
                </li>
            </ul>
            <div class="slide-btn-wrap">
                <a href="javascript:0" class="prev"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
                        viewBox="0 0 40 40">
                        <path fill="#4d4d4d" d="M23 12l2 2-6 6 6 6-2 2-8-8z" /></svg></a>
                <a href="javascript:0" class="next"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
                        viewBox="0 0 40 40">
                        <path fill="#4d4d4d" d="M17 28l-2-2 6-6-6-6 2-2 8 8z" /></svg></a>

            </div>
            <div class="slide-sel-btn">
                <a href="javascript:0" index="0"></a>
                <a href="javascript:0" index="1" class="on"></a>
                <a href="javascript:0" index="2"></a>
                <a href="javascript:0" index="3"></a>
                <a href="javascript:0" index="4"></a>
                <a href="javascript:0" index="5"></a>
                <a href="javascript:0" index="6"></a>
                <a href="javascript:0" index="7"></a>
            </div>
        </div>
    </div>
    <div class="seletor-Car">
        <div class="seletor-group">
            <a>按车系查看</a>
            <a>按类别查看</a>
        </div>
        <div class="seletor-series">
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>X</li>
            </ul>
        </div>
        <ul class="car-show">
        </ul>
    </div>
    <div class="content">
        <p class="content-title">活动悦享与金融礼遇</p>
        <div class="content-slide">
            <div class="content-slide-sel">
                <ul>
                    <!-- <li index="0">全新BMW 3系</li> -->
                    <li index="1" class="on">创新BMW X7</li>
                    <li index="2">创新BMW X1</li>
                    <li index="3">BMW 5系四门轿车</li>
                    <li index="4">全新BMW X6</li>
                    <li index="5">创新BMW X2</li>
                    <li index="6">全新BMW 3系</li>
                    <!-- <li index="7">创新BMW X7</li> -->
                </ul>
            </div>
            <div class="slide-wrap">
                <div class="slideshow-Car" id="slideshow-Car">
                    <ul class="slide-img-wrap">
                        <li index="0">
                            <a href="javascript:0"><img src="./img/content-slide/3系.jpg" alt=""></a>
                            <div class="text-caption">
                                <p>即日起至2020年9月30日，购买全新BMW 3系，即享受专属融资租赁方案：48期0首付。
                                    <br>
                                    <br>
                                    *以上融资租赁方案由先锋国际融资租赁有限公司（宝马集团企业）提供，有效期为即日起至2020年9月30日。具体方案内容请详询当地BMW授权经销商。</p>
                                <span><i class="iconfont icon-next01"></i>了解详情</span>
                            </div>
                        </li>
                        <li index="1" class="on">
                            <a href="javascript:0"><img src="./img/content-slide/X7.jpg" alt=""></a>
                            <div class="text-caption">
                                <p>即日起至2020年9月30日，为您带来创新BMW X7, 即享金融方案：5年超长贷期轻松购车。忠诚客户尊享利率低至3.88%。非凡自如，惬意享受。
                                    <br>
                                    <br>
                                    *金融政策信息即日起至2020年9月30日有效。 <br>
                                    *以上忠诚客户指BMW及MINI车主及其直系亲属（夫妻、父母、子女、直系兄弟姐妹）置换或者增购创新BMW
                                    X7，在原有优惠金融方案的基础上，享受1%忠诚客户专属金融利率优惠。 <br>
                                    *详情请咨询BMW授权经销商。</p>
                                <span><i class="iconfont icon-next01"></i>了解详情</span>
                            </div>
                        </li>
                        <li index="2">
                            <a href="javascript:0"><img src="./img/content-slide/X1.jpg" alt=""></a>
                            <div class="text-caption">
                                <p>即日起至2020年9月30日，为您带来新BMW X1专属融资租赁方案：悦享48期0首付。为平凡的日常，增添美妙闪光。
                                    <br>
                                    <br>
                                    *以上融资租赁方案由先锋国际融资租赁有限公司（宝马集团企业）提供，有效期为即日起至2020年9月30日。具体方案内容请详询当地BMW授权经销商。</p>
                                <span><i class="iconfont icon-next01"></i>了解详情</span>
                            </div>
                        </li>
                        <li index="3">
                            <a href="javascript:0"><img src="./img/content-slide/5系.jpg" alt=""></a>
                            <div class="text-caption">
                                <p>即日起至2020年9月30日，购买BMW 5系四门轿车长轴距版，即享受专属金融方案：轻享24期50-50金融方案，月付低至868元。让优雅驾趣焕发夺目光芒。
                                    <br>
                                    <br>
                                    *金融政策信息即日起至2020年9月30日有效。
                                    <br>
                                    *月付金额按照建议零售价计算所得，仅作示例之用，实际月付金额取决于与BMW授权经销商达成的实际零售价，与以上列举金额可能不同。
                                    *如选择50-50产品方案，贷款金额需不低于10万元。
                                    <br>
                                    *详情请咨询BMW授权经销商。</p>
                                <span><i class="iconfont icon-next01"></i>了解详情</span>
                            </div>
                        </li>
                        <li index="4">
                            <a href="javascript:0"><img src="./img/content-slide/X6.jpg" alt=""></a>
                            <div class="text-caption">
                                <p>即日起至2020年9月30日，购买全新BMW X6，可享金融方案：轻享24期50-50金融方案，月付低至1,560元。让您一路纵享悠然驰骋。
                                    <br>
                                    <br>
                                    *金融政策信息即日起至2020年9月30日有效。 <br>
                                    *月付金额按照建议零售价计算所得，仅作示例之用，实际月付金额取决于与BMW授权经销商达成的实际零售价，与以上列举金额可能不同。
                                    *如选择50-50产品方案，贷款金额需不低于10万元。 <br>
                                    *详情请咨询BMW授权经销商。</p>
                                <span><i class="iconfont icon-next01"></i>了解详情</span>
                            </div>
                        </li>
                        <li index="5">
                            <a href="javascript:0"><img src="./img/content-slide/X2.jpg" alt=""></a>
                            <div class="text-caption">
                                <p>即日起至2020年9月30日，为您带来创新BMW X2融资租赁方案：悦享48期0首付。
                                    <br>
                                    <br>
                                    *以上融资租赁方案由先锋国际融资租赁有限公司（宝马集团企业）提供，有效期为即日起至2020年9月30日。具体方案内容请详询当地BMW授权经销商。</p>
                                <span><i class="iconfont icon-next01"></i>了解详情</span>
                            </div>
                        </li>
                        <li index="6">
                            <a href="javascript:0"><img src="./img/content-slide/3系.jpg" alt=""></a>
                            <div class="text-caption">
                                <p>即日起至2020年9月30日，购买全新BMW 3系，即享受专属融资租赁方案：48期0首付。
                                    <br>
                                    <br>
                                    *以上融资租赁方案由先锋国际融资租赁有限公司（宝马集团企业）提供，有效期为即日起至2020年9月30日。具体方案内容请详询当地BMW授权经销商。</p>
                                <span><i class="iconfont icon-next01"></i>了解详情</span>
                            </div>
                        </li>
                        <li index="7">
                            <a href="javascript:0"><img src="./img/content-slide/X7.jpg" alt=""></a>
                            <div class="text-caption">
                                <p>即日起至2020年9月30日，为您带来创新BMW X7, 即享金融方案：5年超长贷期轻松购车。忠诚客户尊享利率低至3.88%。非凡自如，惬意享受。
                                    <br>
                                    <br>
                                    *金融政策信息即日起至2020年9月30日有效。 <br>
                                    *以上忠诚客户指BMW及MINI车主及其直系亲属（夫妻、父母、子女、直系兄弟姐妹）置换或者增购创新BMW
                                    X7，在原有优惠金融方案的基础上，享受1%忠诚客户专属金融利率优惠。 <br>
                                    *详情请咨询BMW授权经销商。</p>
                                <span><i class="iconfont icon-next01"></i>了解详情</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="slide-btn-wrap">
                    <a href="javascript:0" class="prev"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"
                            viewBox="0 0 40 40">
                            <path fill="#262626" d="M23 12l2 2-6 6 6 6-2 2-8-8z" /></svg></a>
                    <a href="javascript:0" class="next"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"
                            viewBox="0 0 40 40">
                            <path fill="#262626" d="M17 28l-2-2 6-6-6-6 2-2 8 8z" /></svg></a>
                </div>
            </div>
        </div>
        <div class="content-section1">
            <div class="service-wrap">
                <div class="service">
                    <img src="./img/content-section/1-1.jpg">
                    <h4>BMW 查找经销商</h4>
                    <h5>咨询服务一键直达</h5>
                    <span><i class="iconfont icon-next01"></i>了解详情</span>
                </div>
                <div class="service">
                    <img src="./img/content-section/1-2.jpg">
                    <h4>BMW 金融计算器</h4>
                    <h5>BMW 金融专属礼遇</h5>
                    <span><i class="iconfont icon-next01"></i>了解详情</span>
                </div>
            </div>
            <div class="service-wrap">
                <div class="service">
                    <img src="./img/content-section/1-3.jpg">
                    <h4>BMW 精英驾驶</h4>
                    <h5>全方位提升驾驶技巧</h5>
                    <span><i class="iconfont icon-next01"></i>了解详情</span>
                </div>
                <div class="service">
                    <img src="./img/content-section/1-4.jpg">
                    <h4>BMW 官方商城</h4>
                    <h5>随时随地，悦享在线购物与专属服务</h5>
                    <span><i class="iconfont icon-next01"></i>抢先入手</span>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <p>五班 0273 邓威威</p>
    </footer>
</body>


</html>